﻿<UserControl x:Class="DiscoveryLogic.UI.Filters.HorizontalRangeFilter"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    >
    <Canvas x:Name="HSliderZoomer1" Width="558" Height="16.667">
        <!-- Light blue area -->
        <Rectangle x:Name="VisibleRegion" Width="558" Height="5.2" Fill="#FF2B2B2B" Canvas.Top="13.336"/>
        <Rectangle x:Name="VisibleRegionOverlay" Width="558" Height="15" 
					   Fill="#30FBFBF6" Canvas.ZIndex="2" Canvas.Top="1.634"/>

        <!-- x axis -->
        <Rectangle Width="558" Height="0.8" Fill="#5F003974" 
					   StrokeThickness="0.5" Canvas.Top="16.634"/>

        <!-- x axis pt 2 -->
        <Path x:Name="SliderBar" Canvas.Top="17.002" Width="558" 
              Height="2" Stretch="Fill" Stroke="#AEFFFFFF" 
              StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1" 
              Data="M107.80833,143.66567 L277.50774,143.66567"/>

        <!-- left slider thumb -->
        <Canvas x:Name="LeftSliderThumbCanvas" Width="19.338" Height="19.338" 
                Canvas.ZIndex="3" Canvas.Left="-10.949" Canvas.Top="1.49" 
                RenderTransformOrigin="0.5,0.5">
            <Canvas.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="0.35" ScaleY="0.85"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Canvas.RenderTransform>
            <Ellipse Width="19.338" Height="19.338" Stroke="#FF004084">
                <Ellipse.Fill>
                    <RadialGradientBrush Center="3.986,3.231" GradientOrigin="3.986,3.231" RadiusX="1.756" RadiusY="1.756" MappingMode="RelativeToBoundingBox">
                        <RadialGradientBrush.RelativeTransform>
                            <TransformGroup>
                                <ScaleTransform CenterX="3.986" CenterY="3.231" ScaleX="0.508" ScaleY="0.508"/>
                                <SkewTransform AngleX="0" AngleY="0" CenterX="3.986" CenterY="3.231"/>
                                <RotateTransform Angle="0" CenterX="3.986" CenterY="3.231"/>
                                <TranslateTransform X="-3.582" Y="-2.824"/>
                            </TransformGroup>
                        </RadialGradientBrush.RelativeTransform>
                        <GradientStop Color="#FF5796D0" Offset="0.00365"/>
                        <GradientStop Color="#FF397BBE" Offset="0.215537"/>
                        <GradientStop Color="#FF1B60AC" Offset="0.467153"/>
                        <GradientStop Color="#FF4A8BC9" Offset="0.751825"/>
                        <GradientStop Color="#FFA0CAEB" Offset="1"/>
                        <GradientStop Color="#FF5E95CC" Offset="0.775305"/>
                    </RadialGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
            <Path Width="13.955" Height="8.369" Stretch="Fill" Canvas.Left="2.692" Canvas.Top="2" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.5,-0.079" StartPoint="0.5,1.16">
                        <GradientStop Color="#00FFFFFF" Offset="0.00365"/>
                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                        <GradientStop Color="#B5FFFFFF" Offset="0.42"/>
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
            <Path Width="11.955" Height="5.036" Stretch="Fill" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="3.691" Canvas.Top="12.001">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.527,-1.749" StartPoint="0.5,1.358">
                        <GradientStop Color="#00FFFFFF" Offset="0.00365"/>
                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                    </LinearGradientBrush>
                </Path.Fill>
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="180"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
        </Canvas>

        <!-- right slider thumb -->
        <Canvas x:Name="RightSliderThumbCanvas" Width="19.338" Height="19.338" 
					Canvas.ZIndex="3" Canvas.Left="548.11" Canvas.Top="1.515" RenderTransformOrigin="0.5,0.5">
            <Canvas.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="0.35" ScaleY="0.85"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Canvas.RenderTransform>
            <Ellipse Width="19.338" Height="19.338" Stroke="#FF004084">
                <Ellipse.Fill>
                    <RadialGradientBrush Center="3.986,3.231" GradientOrigin="3.986,3.231" RadiusX="1.756" RadiusY="1.756" MappingMode="RelativeToBoundingBox">
                        <RadialGradientBrush.RelativeTransform>
                            <TransformGroup>
                                <ScaleTransform CenterX="3.986" CenterY="3.231" ScaleX="0.508" ScaleY="0.508"/>
                                <SkewTransform AngleX="0" AngleY="0" CenterX="3.986" CenterY="3.231"/>
                                <RotateTransform Angle="0" CenterX="3.986" CenterY="3.231"/>
                                <TranslateTransform X="-3.582" Y="-2.824"/>
                            </TransformGroup>
                        </RadialGradientBrush.RelativeTransform>
                        <GradientStop Color="#FF5796D0" Offset="0.00365"/>
                        <GradientStop Color="#FF397BBE" Offset="0.215537"/>
                        <GradientStop Color="#FF1B60AC" Offset="0.467153"/>
                        <GradientStop Color="#FF4A8BC9" Offset="0.751825"/>
                        <GradientStop Color="#FFA0CAEB" Offset="1"/>
                        <GradientStop Color="#FF5E95CC" Offset="0.775305"/>
                    </RadialGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
            <Path Width="13.955" Height="8.369" Stretch="Fill" Canvas.Left="2.692" Canvas.Top="2" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.5,-0.079" StartPoint="0.5,1.16">
                        <GradientStop Color="#00FFFFFF" Offset="0.00365"/>
                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                        <GradientStop Color="#B5FFFFFF" Offset="0.42"/>
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
            <Path Width="11.955" Height="5.036" Stretch="Fill" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="3.691" Canvas.Top="12.001">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.527,-1.749" StartPoint="0.5,1.358">
                        <GradientStop Color="#00FFFFFF" Offset="0.00365"/>
                        <GradientStop Color="#FFFFFFFF" Offset="1"/>
                    </LinearGradientBrush>
                </Path.Fill>
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="180"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
        </Canvas>

    </Canvas>
</UserControl>
